<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>stock</title>
    <link rel="stylesheet" th:href="@{css/stock.css}">
</head>
<body>
<div>
    <select>
        <option>报刊编号</option>
        <option>报刊名称</option>
        <option>出版社</option>
        <option>分类</option>
        <option>是否上架</option>
    </select>
    <input type="text" class="searchstock" name="searchstock" placeholder="请输入搜索关键字">
    <button class="searchstockbtn">搜素</button>
    <button class="returnstock">返回</button>
</div>
<div>
    <table>
        <thead>
        <tr>
            <th>报刊编号</th>
            <th>报刊名称</th>
            <th>出版社</th>
            <th>报刊简介</th>
            <th>报刊描述</th>
            <th>报刊分类</th>
            <th>是否上架</th>
            <th>上架</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="book:${books}">
            <td class="bookNum" th:text="${book.bookNum}"></td>
            <td class="bookName" th:text="${book.bookName}"></td>
            <td class="author" th:text="${book.author}"></td>
            <td class="brief" th:text="${book.brief}"></td>
            <td class="description" th:text="${book.description}"></td>
            <td class="cartId" th:text="${book.cartId}"></td>
            <td class="maktAble" th:text="${book.maktAble}"></td>
            <td>
                <button class="maktablebtn" th:data-id="${book.bookId}">上架</button>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<script type="text/javascript" th:src="@{jquery-3.5.0.min.js}"></script>
<script type="text/javascript" th:src="@{js/stock.js}"></script>
</body>
</html>